

#cellsCanvas {
    border: 1px solid #000;
    z-index: 50; /* 确保这个值足够高，以覆盖其他内容 */
    position: absolute; /* 避免占用页面空间 */
}

 /* 隐藏输入框，但保持其可接受输入 */
 #editableDiv {
z-index: 999;
opacity: 0; /* 使div不可见但仍然可以接收输入 */
position: absolute; /* 避免占用页面空间 */
top: -100;
left: -1000;
width: 110px; /* 最小化可编辑区域的尺寸 */
height: 10px; /* 最小化可编辑区域的尺寸 */
overflow: hidden; /* 避免滚动条出现 */
}

.CellsEditMenu {
    display: none;
    position: absolute;
    z-index: 1000; /* 确保这个值足够高，以覆盖其他内容 */
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2); /* 阴影效果 */
}

#CellsEditMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#CellsEditMenu ul li {
    padding: 8px;
    cursor: pointer;
}

#CellsEditMenu ul li:hover {
    background-color: #f7f7f7;
}

.button-container {
    text-align: center; /* 将按钮居中对齐 */
    margin-top: 10px; /* 在容器和画布之间添加一些空间 */
    position: absolute;
    z-index: 150; /* 确保这个值足够高，以覆盖其他内容 */
}